<template>
  <view class="quizzesEntrance">
    <custom-CompanyInfo 
      :info="answererInfo"
      :canChange="false"
    />
    <view class="items">
      <block v-for="(item, index) in items" :key="item.itemMark">
        <view>
          <view class="title">{{ item.title }}</view>
          <view
            class="con flex-row-align-center padding-lr-tw"
            v-if="item.type == 'select'"
            @click="handleItem"
            :data-item="item"
            :data-index="index"
          >
            <view :class="['flex', !item.value && 'placeholder']">
              {{ item.value || item.placeholder }}
            </view>
            <image src="https://talentsupload.oss-cn-beijing.aliyuncs.com/miniprogram/common/arrowDown.png" />
          </view>
          <view
            class="con flex-row-align-center"
            v-else-if="item.type == 'input'"
          >
            <input 
              :placeholder="item.placeholder" 
              :value="item.value" 
              :class="['flex']"
              @input="onInput"
              @focus="onFocus"
              :data-index="index"
              placeholder-class="placeholder-class"
            />
          </view>
        </view>
      </block>
    </view>
    <view class="footer">
      <view 
        :class="['btn',  canBeNext? 'next-active' : 'next']"
        @click="handleTap"
      >
        开始测试
      </view>
    </view>

    <custom-DatePickerViewPop 
      ref="datePickerViewPop"
      @onConfirm="datePickerConfirm"
    />

    <custom-CommonPickerPop 
      ref="commonPickerPop"
      @onConfirm="handlePickerPopup"
    />

    <custom-CommonDoublePickerPop 
      ref="commonDoublePickerPop"
      errMsg="部门没有岗位，请联系BOSS添加"
      @onConfirm="handleDoublePickerPopup"
    />

    
  </view>
</template>
<script src="./indexMod.js" />
<style src="./indexStyle.scss" lang="scss" scoped>
</style>